
p {
    margin: 0;
}

html, body {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    background: #000;
    overflow-x: hidden;
}

.navbar-default {
        background: none;
        border: none;
    }

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #803F5F;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover{
    color: #fff;
    background-color: #803F5F;
}

@media (max-width: 1024px)
.app-cam {
    width: 27%;
}

.app-cam {
    width: 22%;
    margin: 3em auto auto auto;
}

form {
    display: block;
    margin-top: 0em;
}

.app-cam input[type="text"] {
    width: 100%;
    padding: 15px;
    color: #696969;
    font-size: 0.85em;
    outline: none;
    font-weight: 300;
    border: none;
    background: #eee;
    margin: 0 0 1em 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.app-cam input[type="password"] {
    width: 100%;
    padding: 15px;
    color: #696969;
    font-size: 0.85em;
    outline: none;
    font-weight: 300;
    border: none;
    background: #eee;
    margin: 0 0 1em 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
}

.app-cam p {
    color: #000;
    font-size: 14px;
    margin: 1em 0;
}

.font-red, .has-error .help-block, 
.parsley-required, 
.text-danger {
    color: #EEE !important;
}

.text-danger {
    color: #EEE;
}

.login-social-link {
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 100%;
}

.regist {
    background-color: rosybrown !important;
    color: #ffffff !important;
    font-size: 14px; 
    font-weight: 300 !important;
    cursor: pointer;
    outline: none;
    padding: 13px 38px;
    width: 100%;
    border: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    text-transform: uppercase;
}

.login-logo {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    padding: 50px 0;
}

body#login {
    background: url(../images/banner1.jpg)no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    height: 100vh;
}

a {
    text-decoration: none;
}

h2.form-heading {
    margin: 0;
    text-align: center;
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
}

.logo .navbar-brand {
    font-size: 28px; 
    color: #fff;
}